@import '@/uni_modules/uni-scss/variables.scss';
@import 'uview-ui/theme.scss';
/*
 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
 */
// 主色
$uni-primary: #F7DD5E;
/* #ifndef APP-NVUE */
$colorMain:#F7DD5E;
$colorMainOper:rgba(247,221,94,.34);
$color333:#333;
$colorbg666:rgba(102,102,102,.6);
$color666:#666;
$color999:#999;
$font10:20rpx;
$font12:24rpx;
$font14:28rpx;
$font16:32rpx;
$font18:36rpx;
$font20:40rpx;
$colorccc:#ccc;
$pageBgColor:#F8F9FC;//#F6F8F6;
$colorblue:#73839A;
$colorred:#d5060a;
$reddot:#f00;
$colorgreen:#0bb976;
$colororange:#ffaa00;
$colorlightorg:#ff9900;
$bordercolor:#f0f0f1;
// 清除掉默认的样式行高
::v-deep .uni-body{
	line-height: inherit !important;
}
.head-status{
	width: 100%;
	height: var(--status-bar-height);
}
.bold{
	font-weight: 700;
}
.flex{
	display:flex;
}
.flexWrap{
	flex-wrap: wrap;
}
.alignCenter{
	align-items: center;
}
.alignStretch{
	align-items:stretch;
}
.justConAround{
	justify-content: space-around;
}
.justConBetween{
	justify-content: space-between;
}
.justConEnd{
	justify-content: flex-end;
}
/* 超出2行省略 */
.hiddenTwoline{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;
	-webkit-box-orient: vertical;	//盒子中内容竖直排列
}
/* 超出1行省略 */
.hiddenOneline{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 1;			//行数
	line-clamp: 1;
	-webkit-box-orient: vertical;	//盒子中内容竖直排列
}
/* 关注的边距样式 */
.focusMargin{
	display: inline-block;
	/* #ifndef H5 */
	// vertical-align: middle;
	/* #endif */
	margin:0 5rpx 0 0; 
}
/* 数字的边距样式 */
.mathMagrin{
	display: inline-block;
	/* #ifndef H5 */
	vertical-align: middle;
	/* #endif */
	margin:-3rpx 5rpx 0;
}
/* 字号 */
.font10{
	font-size: $font10;
}
.font12{
	font-size: $font12;
}
.font14{
	font-size: $font14;
}
.font16{
	font-size: $font16;
}
.font18{
	font-size: $font18;
}
.font20{
	font-size: $font20;
}
.sharefont22{
	font-size: 44rpx;
}
/* 字体颜色 */
.color333{
	color:$color333;
}
.color666{
	color:$color666;
}
.colorccc{
	color:$colorccc;
}
.color999{
	color: $color999;
}
.colorMain{
	color: $colorMain;
}
// .colorMainOper{
// 	background: $colorMainOper;
// }
.bgColorMain{
	background:$colorMain;
}
.bgColorBlue{
	background:$colorblue;
}
.bgColorRed{
	background:$colorred;
}
.bgColorGreen{
	background:$colorgreen;
}
.bgColorOrange{
	background:$colororange;
}
.bgColorLightOrange{
	background:$colorlightorg;
}

.colorBlue{
	color: $colorblue;
}
.colorRed{
	color:$colorred;
}
.colorGreen{
	color:$colorgreen;
}
.colorOrange{
	color:$colororange;
}
.colorLightOrange{
	color:$colorlightorg;
}
/* 公共按钮样式 */
.redDot{
	position: absolute;
	width: 15rpx;
	height: 15rpx;
	background:$reddot;
	border-radius: 50%;
	right: 0;
	top:0;
}
/* 发布合集/发布 */
.hejiStyle,
.publishStyle{
	height:96rpx;
	line-height: 96rpx;
	background:$colorMain;
	color:$color333;
	font-size: $font16;
	border-radius: 84rpx;
	text-align: center;
	width:400rpx;
	margin:0 auto;
}
.publishStyle{
	i{
		margin:0 20rpx 0 0;
	}
}
/* 写答案 */
.writeStyle{
	width: 176rpx;
	height: 96rpx;
	text-align: center;
	border-radius: 44rpx;
	line-height: 96rpx;
	background:$colorMain;
	font-size: $font14;
	color:$color333;
}
/* 发送 */
.sendStyle{
	width:310rpx;
	height: 80rpx;
	background:$colorMain;
	color:$color333;
	text-align: center;
	line-height: 80rpx;
	font-size: $font14;
	border-radius: 42rpx;
	margin:0 auto;
}
/* 取消按钮 */
.cancelStyle{
	width:310rpx;
	height: 80rpx;
	background:$pageBgColor;
	color:$color333;
	text-align: center;
	line-height: 80rpx;
	font-size: $font14;
	border-radius: 42rpx;
	margin:0 auto;
}
/* 添加章节 */
.addNote{
	background:$colorMain;
	color:$color333;
	text-align: center;
	font-size: $font14;
	width: 188rpx;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 47rpx;
}
/* 回答 */
.answerStyle{
	background:$colorMain;
	color:$color333;
	text-align: center;
	font-size: $font12;
	width:150rpx;
	height: 64rpx;
	line-height: 64rpx;
	border-radius: 40rpx;
	box-shadow: 0 6rpx 10rpx 0 rgba(0, 0, 0, .15);
	i{
		margin:0 8rpx 0 0;
	}
}
// 看答案
.seeAStyle{
	width:140rpx;
	height: 60rpx;
	line-height: 60rpx;
	font-size: $font14;
	text-align: center;
	background: $colorMain;
	color:$color333;
	border-radius: 44rpx;
}
// 关注
.focusStyle{
	width:128rpx;
	height: 52rpx;
	line-height:52rpx;
	text-align: center;
	border-radius: 32rpx;
	background: $colorMain;
	color:$color333;
	font-size: $font14;
}

// 开通vip
.openVipStyle{
	background: $colorMain;
	text-align: center;
	color:$color333;
	font-size: $font14;
	width: 176rpx;
	height: 64rpx;
	line-height: 64rpx;
	border-radius: 88rpx;
	i{
		margin-right:10rpx;
	}
}
// 普通的提交按钮
.normalBtnStyle{
	width:310rpx;
	height: 80rpx;
	background:$colorMain;
	color:$color333;
	text-align: center;
	line-height: 80rpx;
	font-size: $font14;
	border-radius: 42rpx;
	box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, .2);
}
// 固定底部的按钮
.fixedBottomBtn{
	width:310rpx;
	height: 80rpx;
	background:$colorMain;
	color:$color333;
	text-align: center;
	line-height: 80rpx;
	font-size: $font14;
	border-radius: 42rpx;
	box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, .2);
	position: fixed;
	bottom:30rpx;
	left:50%;
	right: 0;
	margin-left: -155rpx;
	z-index: 10;
	i{
		margin:0 20rpx 0 0;
		vertical-align: middle;
	}
}
// 不限宽度的按钮
.noWidthBtn{
	background:$colorMain;
	color:$color333;
	text-align: center;
	font-size: $font14;
	border-radius: 80rpx;
	padding:8rpx 30rpx;
	box-sizing: border-box;
}
// iconfont 样式在小程序上
/* #ifdef MP-WEIXIN */
.iconfont{
	display: inline-block !important;
}
/* #endif */
// 富文本样式
.ql-container {
  display: block;
  position: relative;
  box-sizing: border-box;
  -webkit-user-select: text;
  user-select: text;
  outline: none;
  overflow: hidden;
  width: 100%;
  height: 200px;
  min-height: 200px;
}
.ql-container[hidden] {
  display: none;
}
.ql-container .ql-editor {
  position: relative;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  min-height: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch;
}
.ql-container .ql-editor::-webkit-scrollbar {
  width: 0 !important;
}
.ql-container .ql-editor.scroll-disabled {
  overflow: hidden;
}
.ql-container .ql-image-overlay {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  border: 1px dashed #ccc;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.ql-container .ql-image-overlay .ql-image-size {
  position: absolute;
  padding: 4px 8px;
  text-align: center;
  background-color: #fff;
  color: #888;
  border: 1px solid #ccc;
  box-sizing: border-box;
  opacity: 0.8;
  right: 4px;
  top: 4px;
  font-size: 12px;
  display: inline-block;
  width: auto;
}
.ql-container .ql-image-overlay .ql-image-toolbar {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 0;
  min-height: 24px;
  z-index: 100;
}
.ql-container .ql-image-overlay .ql-image-toolbar span {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  font-size: 12px;
  border-right: 1px solid #fff;
}
.ql-container .ql-image-overlay .ql-image-toolbar span:last-child {
  border-right: 0;
}
.ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up {
  padding: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translatex(-50%);
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.ql-container .ql-image-overlay .ql-image-handle {
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}
.ql-container img {
  display: inline-block;
  max-width: 100%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  height: 100%;
  outline: none;
  overflow-y: auto;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 2em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 2em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 2em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 2em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 2em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 4em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 4em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 4em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 4em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 8em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 8em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 8em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 8em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 10em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 10em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 10em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 10em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 14em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 14em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 14em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 14em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 16em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 16em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 16em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 16em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
/* #endif */


.tagsPrimary{
	background-color: rgb(64,199,218);
}
.tagsWraning{
	background-color: rgb(255,136,30);
}
.tagsSuccess{
	background-color: rgb(66, 207, 177);
}
.tagsDanger{
	background-color: rgb(255, 85, 0);
}
.tagsInfo{
	background-color: rgb(157, 157, 157);
}


.text-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.shrink-0{
	flex-shrink: 0;
}

.word-break-all{
	word-break: break-all;
}

.bg-white{
	background-color: #ffffff !important;
}

.text-white{
	color: #fff;
}

.text-black{
	color: #000 !important;
}

.tag-error{
	color: #A30014;
	background-color: rgba(163,0,20,0.1);
}

.tag-warning{
	color: #F59A23;
	background-color: rgba(245,154,35,0.1);
}

.tag-primary{
	color: #008080;
	background-color: rgba(0,128,128,0.1);
}

.color555{
	color: #555555;
}

.colorF7{
	color: #7F7F7F;
}

.colorAA{
	color: #AAAAAA;
}

.text-warning{
	color: #F59A23;
}

.lh1-5{
	line-height: 1.5;
}

.w-100{
	width: 100%;
}

.ml-auto{
	margin-left: auto;
}

.iosPaddingBottom{
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

.herf-color{
	color: #316E85;
}

.text-main-color{
	color: #F7DD5E;
}